<template>
  <div id="printBackList">
    <div class="print-back" v-for="(item, index) in list" :key="index">
      <div class="print-box">
        <div class="img-warpper">
          <img src="@/assets/img/fileBox/banner.png" alt="" />
        </div>
        <div class="center-warpper">
          <span>保管期限</span>
          <span>{{ filterRow(item.retentionPeriodDate, 'DMS_ARCHIVES_FILE_LIST_RETENTION_PERIOD_DATE') }}</span>
        </div>
        <div class="box-warpper">
          <div class="box-title box-letter">档号</div>
          <div>{{ item.code }}</div>
        </div>
        <div class="box-warpper box-under">
          <div class="box-title">案卷题名</div>
          <div></div>
        </div>
        <div class="bottom-warpper"></div>
      </div>
    </div>
  </div>
</template>
<script lang="ts" setup>
import { formInfoStore } from '@/store/modules/form';
interface Item {
  byDate: string;
  code: string;
  retentionPeriodDate: number;
  secretLevel: number;
}
const props = defineProps({
  list: {
    type: Array<Item>
  }
});
const dictionary = formInfoStore().getDictionary;
function filterRow(data, filterName) {
  return dictionary[filterName][data];
}
</script>
<style lang="less" scoped>
// @import '@/assets/style/print.less';
</style>
